.lb-workflow-wrap{
    width: 100%;
    height: ~"calc(100%)";
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased !important;
    .lb-paper{
        float: right;
        width: calc(100% - 121px);
        height: 100%;
        overflow: hidden;
        position: relative;
        .workflow-paper{
            width: 100%;
            height: 100%;
            cursor: default;
            overflow: hidden;
        }
        .joint-paper-scroller>.paper-scroller-background{
            background-image: url("")
        }
        .joint-paper.joint-theme-default{
            background-color: transparent;
        }
        .joint-navigator.joint-theme-default{
            position: absolute;
            right: 15px;
            bottom: 15px;
            background-color: #fff;
            border: 1px solid #d3d3d3;
            box-sizing: border-box;
        }
        .lb-toolbar{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            padding-bottom: 10px;
            height: 54px;
            border: none;
            border-bottom: 1px solid #e0e0e0;
            background: #fff;
            padding-left: 20px;
            padding-top: 10px;
            box-sizing: border-box;
            .undo, .redo, .clear-graph, .print, .full-screen, .info{
                font-size: 18px;
                color: #546281;
                cursor: pointer;
                margin: 0px 8px 0 8px;
                display: inline-block;
                vertical-align: middle;
            }
            .info{
                margin-left: 20px;
            }
            .zoom{
                display: inline-block;
                border: 1px solid #b2bece;
                border-radius: 3px;
                margin-right: 8px;
                margin-top: 5px;
                .zoom-out{
                    margin-left: 8px;
                    margin-right: 5px;
                    cursor: pointer;
                }
                .zoom-in{
                    margin-right: 8px;
                    margin-left: 5px;
                    cursor: pointer;
                }
                .text{
                    display: inline-block;
                    width: 40px;
                    text-align: center;
                }
            }
            .save{
                float: right;
                margin-right: 20px;
            }
        }
    }
    .lb-stencil{
        height: 100%;
        width: 120px;
        float: left;
        border-right: 1px solid #E0E0E0;
        .joint-stencil{
            width: 120px;
            height: 100%;
            border-right: 1px solid #E0E0E0;
            .content{
                .joint-paper.elements{
                    width: 120px !important;
                    background: transparent;
                }
            }
        }
    }
}

.ml10{
    margin-left: 10px;
}
.mr10{
    margin-right: 10px;
}